$(function() {
    var arr = ["小白", '冬天', '夏天', '秋天', '春天'];
    localStorage.setItem("key", JSON.stringify(arr));

    function render() {
        var text = JSON.parse(localStorage.getItem("key")) || [];
        var obj = {
            list: text,
        }
        $(".search-main").html(template("temp", obj));
    }
    render();
    $(".search-btn").click(function() {
        var inputText = $("#sh-input").val();
        if (inputText.trim() == 0) {
            mui.toast('请输入关键字！！！')
            return;
        }
        arr = JSON.parse(localStorage.getItem("key"));
        var index = arr.indexOf(inputText)
        if (index > -1) {
            arr.splice(index, 1)
        }
        arr.unshift(inputText);
        if (arr.length > 6) {
            arr.pop();
        }
        localStorage.setItem("key", JSON.stringify(arr));
        render();
        $("#sh-input").val("");
        location.href = "./searchList.html?=" + inputText;
    });
    //点击清出所有的历史记录
    $(".search-main").on("click", '.del-histroy', function() {
        mui.confirm('确定要清空吗？', "警告", ['取消', "确定"], function(e) {
            // console.log(e)
            if (e.index == 1) {
                localStorage.removeItem('key');
                render();
            }
        })
    });
    //清出单独的一个历史
    $(".search-main").on("click", ".one-del", function() {
        var index = $(this).data("index")
        mui.confirm('确定删除吗？？', '提示', ['取消', '确定'], function(e) {
            if (e.index == 1) {
                arr.splice(index, 1);
                localStorage.setItem('key', JSON.stringify(arr));
                // 重新渲染
                render();
            }
        })
        console.log(index)
    })

})